<html>
  <head>
    <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>“避风港”的诞生日记 | 夏元素的避风塘</title>
<meta name="description" content="理想生活+" />
<link rel="shortcut icon" href="https://Jason-summer.github.io/favicon.ico">
<link rel="stylesheet" href="https://Jason-summer.github.io/styles/main.css">

<script src="https://Jason-summer.github.io/media/js/jquery.min.js"></script>
<script src="https://Jason-summer.github.io/media/js/masonry.pkgd.min.js"></script>
<script src="https://Jason-summer.github.io/media/js/aos.js"></script>
<script src="https://Jason-summer.github.io/media/js/pace.min.js"></script>
<script src="https://Jason-summer.github.io/media/js/view-image.min.js"></script>
<script src="https://Jason-summer.github.io/media/js/jquery.magnific-popup.min.js"></script>
<script src="https://Jason-summer.github.io/media/js/functions.js"></script>
    <meta name="referrer" content="never">
    <meta name="description" content="
“避风港”是只属于我一个人狂欢的 party宁静的、安全的港湾，在我烦闷的时候（将会）给我带来快乐。现在，如果你看到了这里，那请姑且让我占用你一点时间，来讲讲这个“避风港”的建立过程吧🙂。


初识博客
2020/4/3，从大概小学五六..." />
    <meta name="keywords" content="Gridea" />
    <script src="https://Jason-summer.github.io/media/js/waterfall.min.js"></script>
    <script src="https://Jason-summer.github.io/media/js/prism.min.js"></script>
  </head>
  <body>
            <header id="header" class="grid-container">
        <!-- start: .menu-wrapper -->
        <div class="menu-mobile"> 
          <i class="fa fa-reorder"></i>
        </div>
        <div class="menu-wrapper">
          <div class="">
            <div class="logo">
              <a href="https://Jason-summer.github.io"><img src="\media\images\custom-headerLogo.jpg" alt=""></a>
            </div>
            <!-- start: .main-nav -->

            <nav class="main-nav grid-container grid-parent">
              <ul id="menu-header" class="menu gradient-effect">
                <li class=""><a href="https://Jason-summer.github.io" class="menu">首页</a></li>
                
                  <li class="" >
                    <a href="/archives" class="menu">
                      归档
                    </a>
                  </li>
                
                  <li class="" >
                    <a href="/tags" class="menu">
                      标签
                    </a>
                  </li>
                
                  <li class="" >
                    <a href="/post/about" class="menu">
                      关于
                    </a>
                  </li>
                
                  <li class="" >
                    <a href="/movies" class="menu">
                      观影
                    </a>
                  </li>
                
                  <li class="" >
                    <a href="/books" class="menu">
                      书籍
                    </a>
                  </li>
                
                  <li class="" >
                    <a href="/friends" class="menu">
                      友人
                    </a>
                  </li>
                
                <li class="search-menu-item hide-on-mobile hide-on-tablet"><a href="#search-lightbox" class="lightbox mfp-inline"><i class="fa fa-search-line"></i></a></li>
              </ul>
            </nav>
            <a href="#search-lightbox" class="lightbox epcl-search-button mfp-inline hide-on-tablet hide-on-desktop"><i class="fa fa-search-line"></i></a>
            <!-- end: .main-nav -->
            <div class="clear"></div>
            <div class="border hide-on-tablet hide-on-mobile"></div>
          </div>    
          <div class="clear"></div>
        </div>
        <!-- end: .menu-wrapper -->
        <div class="clear"></div>
      </header>
      <div class="hide-on-mobile hide-on-tablet hide-on-desktop">
        <div id="search-lightbox" class="grid-container grid-small grid-parent mfp-hide">
          <div class="search-wrapper section">
            <form id="gridea-search-form" data-update="1588054322263" action="/search/index.html" class="search-form" _lpchecked="1">
              <input type="text" name="q" id="s" value="" class="search-field" placeholder="搜点啥..." aria-label="搜点啥..." required="">
              <button type="submit" class="submit" aria-label="Submit">
                <i class="fa fa-search-line"></i>
              </button>
            </form>
          </div>
        </div>
      </div>

      <main id="single" class="main grid-container fullcover no-sidebar aos-init aos-animate" data-aos="fade">

        <div class="center content">
          <div class="featured-image cover" style="background-image: url('https://Jason-summer.github.io/post-images/the-foundation-of-my-blog.jpg');">
            <div class="meta top"> 
              <time class="meta-info" style="float:left;" datetime="2020-04-03"><i class="fa fa-calendar"></i><span class="lately">25 天前</span></time>
              
              <a href="https://Jason-summer.github.io/post/the-foundation-of-my-blog/#comments" class="comments meta-info" title="">
                <i class="fa fa-comment remixicon"></i><span class="comment-count valine-comment-count" data-xid="/the-foundation-of-my-blog/"> </span>
              </a>
              <span id="/the-foundation-of-my-blog/" class="leancloud_visitors views-counter meta-info" title=""><i class="fa fa-leancloud remixicon"></i><span class="leancloud-visitors-count"></span></span>
              
            </div>
            <div class="info">
              <div class="tags ">
                
                      <a href="https://Jason-summer.github.io/tag/OOmQpIJga/" class="ctag ctag-0 ctag-OOmQpIJga" aria-label="">Gridea</a>
                    
              </div>
              <h1 class="title ularge white bold">“避风港”的诞生日记</h1>
            </div>
          </div>
        </div>  

        <div class="epcl-page-wrapper">
          <div class="left-content grid-70 np-mobile">
            <article class="main-article post">
              <section class="post-content">
                <div class="text">
                  <blockquote>
<p>“避风港”是只属于我一个人<s>狂欢的 party</s>宁静的、安全的港湾，在我烦闷的时候（将会）给我带来快乐。现在，如果你看到了这里，那请姑且让我占用你一点时间，来讲讲这个“避风港”的建立过程吧🙂。</p>
</blockquote>
<!-- more -->
<h2 id="初识博客">初识博客</h2>
<p>2020/4/3，从大概小学五六年级的时候开始，我就使用QQ空间作为我的博客😂，我在QQ空间的日志那里写小说，后来还被我的同学看见了（致命打击）。真正开始使用QQ空间是在刚上初中的时候，那时候我发了两句歌词来怀念我小学毕业（十分做作的行为），后来初中也没少发说说。上了高中更是频繁，特别是还有一堆社团活动转发什么的……</p>
<h2 id="知识焦虑">知识焦虑</h2>
<p>挺久之前看少数派时有见过讲如何建立自己的个人网站和博客的教程，但是当时我没有采纳。事实是，当时我对少数派上说的很多东西都感到挺疑惑的，比如什么“工作流”（这个倒是在高中电视台里学习 Pr 的时候认识了）啊，“知识库”啊，“数字焦虑”和“数字健康”啊……然后当时我的想法是，这都什么玩意，瞎 JB 扯淡吧。现在我要为当时的无知道歉🙇。</p>
<p>当我（周末和在疫情期间）被QQ上疯狂闪烁的小红点和99+差点搞成傻逼，我开始理解<strong>数字焦虑</strong>；当我刷完酷安开始刷少数派，然后是品玩、36kr和爱范儿……看一下时间发现到点睡觉了，再看看我电脑和手机前面的一沓沓没写完的作业📕，我是关注<strong>时间管理</strong>；当我发现我的账户体系一片混乱（尽管这也和目前国内的账户生态有关），有时候打开一个网站我甚至不知道我应该用手机号还是QQ登录（因为我不知道当时我是用什么注册的，甚至可能有些网站一开始没有QQ登录的选项后来又加入了，或者把入口埋得很深），而且即便打开了我也不知道我想要找的文件在哪一个网站的哪一个文件夹里面（更或者，每次在一台新设备上登陆 GitHub 或者 Steam 这种密码要求较高的网站的时候我总是想不起密码是什么😋，然后依稀记得我把密码记在了某个地方，但是我却不记得记在了哪里），我开始渴望<strong>知识库</strong>的构建。</p>
<p>当我亲身经历，我才发现这些东西不是空谈。我在学校上学的时候，每逢周六放假我总是不愿意回家，因为我知道一旦我回去，迎接我的会是海量的信息，我不知道从哪里开始看起。我甚至享受脱离手机和网络的生活，享受纸质书和图书馆的实体书带给我的快乐。</p>
<h2 id="避风港湾">避风港湾</h2>
<p>为了在互联网世界给自己留一块心灵空间，我先是尝试在<strong>语雀</strong>上建立我的知识库，同时印象笔记也是我的知识库的一部分，毕竟剪藏太好用了，就是每个月 60m 有点难以忍受。一天后（没错也就是今天😉），我遵循之前在少数派看到的文章开始尝试建立博客，然后就发现了 Gridea 这款宝藏般的博客管理软件，还有教程，跟着一步步走，在 Github Pages 上建立了网站，然后成功搭载了 Gridea 的服务。又用了一两个小时研究 Gitalk 评论系统（目前应该还是在被限流当中，你可以查看<strong>目前顶置</strong>的告示了解详情），终于上线了这个博客“夏元素的避风港”。</p>
<p>目前还不是很完善，只能作为 Github Pages 的一个子域名使用，所以接下来，我需要找到一个免费🤭的网址链接上我的博客。想想虽然 Github 有被墙抽风的可能，但我着实不太想被莫名其妙的审查然后“网站爆炸”，所以还是不用腾讯收购的 Coding（其实我挺喜欢的）或者 Gitee 了。</p>
<h2 id="故事尾声">故事尾声</h2>
<p>讲个人经历总得有个结尾吧😏？那么，希望在接下来的时光里我能继续我探索世界的旅程。如果在你看到了我的这篇文章后颇有感概（或者哪怕只有那么一点），那也不枉我写的这篇文章了。作为第一批使用的用户，我想起<strong>给未来写封信</strong>这个 application 的开屏图上的话：</p>
<h1 id="多年以后愿你不负所期">多年以后，愿你不负所期。</h1>
<p>2020年4月3日<br>
网名：夏元素</p>

                </div>
                <div class="clear"></div>
              </section>
            </article>
            <div class="clear"></div>

            <section class="related section">
              
              <article class="prev grid-50 tablet-grid-50 grid-parent">
                <div class="thumb cover lazy loaded" style="background-image: url('https://Jason-summer.github.io/post-images/how-to-use-android-studio-offline.jpg');"></div>
                 <a href="https://Jason-summer.github.io/post/how-to-use-android-studio-offline/" class="full-link"></a>
                 <div class="info">
                  <time datetime="2020-04-03">2020-04-03</time>
                  <h4 class="title white no-margin">在国内，如何离线使用 Android Studio🧐?</h4>
                </div>
                 <span class="epcl-button red">
                  <img src="https://Jason-summer.github.io/media/images/left-arrow.svg" width="15" alt="Left Arrow">
                </span>
                <div class="overlay"></div>
              </article>
              
              
              <article class="next grid-50 tablet-grid-50 grid-parent">
                <div class="thumb cover lazy loaded" style="background-image: url('https://Jason-summer.github.io/post-images/start-your-coding-with-android-studio.jpg');"></div>
                 <a href="https://Jason-summer.github.io/post/start-your-coding-with-android-studio/" class="full-link"></a>
                 <div class="info">
                  <time datetime="2020-04-03">2020-04-03</time>
                  <h4 class="title white no-margin">从 Android Studio 开始你的编程之路吧🧐</h4>
                </div>
                 <span class="epcl-button red">
                  <img src="https://Jason-summer.github.io/media/images/right-arrow.svg" width="15" alt="Left Arrow">
                </span>
                <div class="overlay"></div>
              </article>
              

                <div class="clear"></div>
            </section>

              <div class="clear"></div>
              
            
              <div id="comments" class="bg-white hosted ">
                
                  <link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
<script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>

<div id="gitalk-container"></div>
<div class="clear"></div>

<script>
  var gitalk = new Gitalk({
    clientID: 'd58ad16ad66ee00d3bc5',
    clientSecret: 'ac26e1eeae0d0cb7e660f5cfe7d5139eea8fb3fd',
    repo: 'Jason-summer.github.io',
    owner: 'Jason-summer',
    admin: ['Jason-summer'],
    id: (location.pathname).substring(0, 49),      // Ensure uniqueness and length less than 50
    distractionFreeMode: false  // Facebook-like distraction free mode
  })

  gitalk.render('gitalk-container')
</script>

                
                
              </div>
            

            </div>
          </div>
      </main>

          <footer id="footer" class="grid-container">
        <div class="widgets row gradient-effect">
            <div class="default-sidebar border-effect">
              <div class="grid-33 tablet-grid-50 mobile-grid-100">
                <section id="tag_cloud-2" class="widget widget_epcl_posts_thumbs underline-effect">
                  <h4 class="widget-title title white bordered">最新文章</h4>
                  
                  
                  <article class="item post-0 post type-post status-publish format-standard has-post-thumbnail hentry">
                    <a href="https://Jason-summer.github.io/post/the-experience-of-my-blog/" class="thumb hover-effect">
                      <span class="fullimage cover" style="display:block;border-radius:50%;background-image: url('/media/images/gridea.jpg');"></span>
                    </a>
                    <div class="info gradient-effect">
                      <time datetime="2020-04-28">2020-04-28</time>
                      <h4 class="title usmall">
                        <a href="https://Jason-summer.github.io/post/the-experience-of-my-blog/">建立个人博客的探索历程</a>
                      </h4>
                    </div>
                    <div class="clear"></div>
                  </article>
                  
                  
                  
                  <article class="item post-1 post type-post status-publish format-standard has-post-thumbnail hentry">
                    <a href="https://Jason-summer.github.io/post/mozilla-supports-the-open-covid-pledge-making-intellectual-property-freely-available-for-the-fight-against-covid-19/" class="thumb hover-effect">
                      <span class="fullimage cover" style="display:block;border-radius:50%;background-image: url('https://Jason-summer.github.io/post-images/mozilla-supports-the-open-covid-pledge-making-intellectual-property-freely-available-for-the-fight-against-covid-19.png');"></span>
                    </a>
                    <div class="info gradient-effect">
                      <time datetime="2020-04-25">2020-04-25</time>
                      <h4 class="title usmall">
                        <a href="https://Jason-summer.github.io/post/mozilla-supports-the-open-covid-pledge-making-intellectual-property-freely-available-for-the-fight-against-covid-19/">Mozilla 支持“开放冠状病毒协议”：为了战胜 COVID-19 开放使用知识产权</a>
                      </h4>
                    </div>
                    <div class="clear"></div>
                  </article>
                  
                  
                  
                  <article class="item post-2 post type-post status-publish format-standard has-post-thumbnail hentry">
                    <a href="https://Jason-summer.github.io/post/3-more/" class="thumb hover-effect">
                      <span class="fullimage cover" style="display:block;border-radius:50%;background-image: url('/media/images/gridea.jpg');"></span>
                    </a>
                    <div class="info gradient-effect">
                      <time datetime="2020-04-13">2020-04-13</time>
                      <h4 class="title usmall">
                        <a href="https://Jason-summer.github.io/post/3-more/">#3 More</a>
                      </h4>
                    </div>
                    <div class="clear"></div>
                  </article>
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  <div class="clear"></div>
                </section>
              </div>

              <div class="grid-33 tablet-grid-50 mobile-grid-100">
                <section id="tag_cloud-2" class="widget widget_tag_cloud underline-effect">
                  <h4 class="widget-title title white bordered">标签云</h4>
                  <div class="tagcloud">
                    
                      <a href="https://Jason-summer.github.io/tag/OOmQpIJga/" class="ctag ctag-0 ctag-OOmQpIJga" aria-label="">Gridea</a>
                    
                      <a href="https://Jason-summer.github.io/tag/translation/" class="ctag ctag-1 ctag-translation" aria-label="">翻译训练</a>
                    
                      <a href="https://Jason-summer.github.io/tag/markdown/" class="ctag ctag-2 ctag-markdown" aria-label="">Markdown</a>
                    
                      <a href="https://Jason-summer.github.io/tag/itPlsg2cI/" class="ctag ctag-3 ctag-itPlsg2cI" aria-label="">开发</a>
                    
                  </div>
                  <div class="clear"></div>
                </section>
              </div>

              <div class="grid-33 tablet-grid-50 mobile-grid-100">
                <section id="epcl_about-2" class="widget widget_epcl_about underline-effect">
                  <h4 class="widget-title title white bordered">关于我</h4>
                  <div class="avatar">
                    <a href="" class="translate-effect thumb"><span class="fullimage cover" style="background-image: url(https://Jason-summer.github.io/images/avatar.png);"></span></a>
                  </div>
                  <div class="info">
                    <h4 class="title small author-name gradient-effect no-margin"><a href="">夏元素的避风塘</a></h4>
                    <p class="founder">理想生活+</p>
                    <div class="social">
                      
                          
                            <a href="https://github.com/Jason-summer" class="translate-effect" target="_blank"><i class="fa fa-github"></i></a>
                        
                      
                        
                      
                        
                      
                        
                      
                          
                            <a href="https://jason-summer.github.io/atom.xml" class="translate-effect" target="_blank"><i class="fa fa-feed"></i></a>
                        
                      
                    </div> 
                  </div>
                  <div class="clear"></div>
                  </section>
              </div>

            </div>
            <div class="clear"></div>
        </div>

        <div class="logo">
          <a href="https://Jason-summer.github.io"><img src="/media/images/gridea.png" alt=""></a>
        </div>
        <p class="published border-effect">
          ©2019 共 13 篇文章
          <br/>
          Theme <a href="https://gridea.dev/" target="_blank">「breek」</a> Powered by <a href="https://gridea.dev/" target="_blank">「Gridea」</a>
        </p>
        
        <a href="javascript:void(0)" id="back-to-top" class="epcl-button dark" style="display:none">
          <i class="fa fa-arrow"></i>
        </a>
    </footer>
    
    <div class="clear"></div>

        

      
    <script src="https://Jason-summer.github.io/media/js/functions-post.js"></script>

    </div>
    <!-- end: #wrapper -->
  </body>
</html>
